<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
<!-- <script src="../js/src/mypage/profile_view.js"></script> -->
</head>

<body>
<section data-role="page" class="container" id="profile_view">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>프로필 보기</h2>
            <!--right  btn-->
            <div class="top_right">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn11">닫기</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content">
        <!--상단 프로필 영역-->
        <article class="profile_area ui-grid-a">
            <div class="p_img"><img src="../images/noimg_180_180.gif" alt="" /> </div>
        </article><!-- //   class="profile_area"끝  --> 
        
        <!--상단 프로필 입력영역-->
            <ul class="profile_form profile_li ">
                <!--닉네임 -->
                <li>
                    <div class="p_tit">닉네임</div>
                    <div class="cont" id="profileView_nickname">
                        잭니클라우스
                        <span class="ico_navi navi24">스마트폰</span>
                        <span class="ico_navi navi22">페이스북</span>
                    </div>
                </li>
                
                <!--연령대 -->
                <li>
                    <div class="p_tit">연령대</div>
                    <div class="cont" id="profileView_age">70대 이상</div>
                </li>
                
                <!--지역-->
                <li>
                    <div class="p_tit">지역</div>
                    <div class="cont" id="profileView_region">남부권(전라/경상/제주)</div>
                </li>
                
                <!--직업 -->
                <li>
                    <div class="p_tit">직업</div>
                    <div class="cont" id="profileView_job">대기업중역</div>
                </li>
                
                <!--핸디 -->
                <li>
                    <div class="p_tit">핸디</div>
                    <div class="cont" id="profileView_handi">12</div>
                </li>
                
                <!--평균타수 -->
                <li>
                    <div class="p_tit">평균타수</div>
                    <div class="cont" id="profileView_average">84</div>
                </li>
            </ul><!-- //   class="profile_form"끝  --> 
            
            <!--회원 프로필 보기 일때만 보이는 btn-->           
             <a href="../inc/letter_write.html" data-role="button" data-theme="a" data-transition="slide" class="btn_type2" id="send_message_btn">쪽지 보내기</a>
             
             <!--내 프로필 보기 일때만 보이는 btn-->           
             <a href="profile_modify.html" data-role="button" data-theme="a" data-transition="slide" class="btn_type2" id="profile_modify_btn">수정하기</a>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
